@class-prefix-list: ~'bbt-react-list';

.@{class-prefix-list}{
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;

    &>:first-child{
        margin-top: 0;
        margin-bottom: 0;
    }


    &-mutiple{
        &>:not(:first-child):not(:last-child){
            margin-top: var(--bbt-list-gap);
            margin-bottom: var(--bbt-list-gap);
        }

        &>:first-child{
            margin-bottom: var(--bbt-list-gap);
            margin-top: 0;
        }

        &>:last-child{
            margin-top: var(--bbt-list-gap);
            margin-bottom: 0;
        }
    }
}